<template>
  <div>
    <ul class="SettingNavList">
      <li @click="goEditPassword">
        <span>修改密码</span>
        <img src="@as/img/wode_arrow.png" alt="">
      </li>
    </ul>
    <div class="btn" @click="logOut">退出登录</div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    this.$progress.done()
  },
  methods: {
    goEditPassword() {
      this.$router.push('/mine/Setting/EditPassword')
    },
    logOut(){
      window.sessionStorage.removeItem("user");
      Cookies.remove('user_71ydj');
      this.$router.push('/login');
    },
  }
};
</script>

<style scoped lang="scss">
.SettingNavList{
  box-sizing: border-box;
  padding: 0 23px;
  li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    font-size:15px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    img{
      width:8px;
      height:13px;
    }
    span{
      flex:1;
    }
  }
}
.btn{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 23px;
  width:343px;
  height:44px;
  line-height: 44px;
  text-align: center;
  background:rgba(235,77,68,1);
  border-radius:4px;
  font-size:16px;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,255,255,1);
}
</style>